<!DOCTYPE html>
<html>
<head>
    <title>格林童话学习</title>
    <style>
        body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; }
        .vocab-card { border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin: 10px 0; background-color: #f9f9f9; }
        h1 { color: #2c3e50; text-align: center; }
        .chinese { color: #e74c3c; }
        .english { color: #3498db; }
    </style>
</head>
<body>
    <h1>格林童话 - 萝卜王</h1>
    <div class="vocab-card">
        <h2>核心词汇</h2>
        <div class="vocab-item">
            <h3 class="chinese">萝卜 (radish)</h3>
            <p class="english">The giant radish required two oxen to pull.</p>
        </div>
        <!-- 其他9个词汇卡片 -->
    </div>
    <div>
        <h2>双语故事</h2>
        <p class="chinese">有两个当兵出生的兄弟...</p>
        <p class="english">There were two brothers born as soldiers...</p>
    </div>
</body>
</html>